<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录</title>
    <!--登录需要的css文件-->
    <link rel="stylesheet" href="../sass/css/login.css">
    <link rel="stylesheet" type="text/css" href="../sass/css/common.css"/>
	<link rel="stylesheet" type="text/css" href="../sass/css/resect.css"/>
	<script src="../js/display/cookie.js" type="text/javascript" charset="utf-8"></script>
	<!--登录需要的js文件-->
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>

<body>
	<!--头部-->
    <div id="header">
        <div class="top-nav">
            <a href="#">2018冬季精选新品5折起</a>
            <a href="#" class="right">在线客服</a>
            <a href="malls.html" class="right">积分商城</a>
            <a href="carts.html" class="right">购物车</a>
            <a href="login.html" class="right">注册/登录</a>
        </div>  
        <div class="top-search">
            <div class="search-cont"></div>
        </div>
        <h1 title="lily index pages"></h1>
        <ul id="nav">
        	<li><a href="#" class="big">首页</a></li>
        	<li><a href="#" class="big">商品</a></li>
        	<li><a href="#" class="big">品牌</a></li>
        	
        </ul>
    </div>  
    <!--内容-->
    <div class="inner">
    	<!--用户登录-->
    	<div class="inner-left">
    		<div class="pro-line2">
    			<span>/用户登录</span>
    		</div>
    		<div class="login-cont">
    			<form action="">
    				<p>如果你是已注册用户，请输入你的手机或者邮箱及密码来查看你的个人信息。</p>
    				<div class="oneline-input">
    					<div class="left-title">手机/邮箱</div>
    					<div class="right-input">
    						<input type="text" class="input-one" id="username">	
    					</div>
    					
    				</div>
    				<p class="small pw-tips"></p>
    				<div class="oneline-input">
						<div class="left-title">密 码</div>
						<div class="right-input">
							<input type="password" class="input-one" id="password">
						</div>
					</div>
					<div class="oneline-input">
						<label><input type="checkbox" id="rememberMe" checked="checked"> 记住我的登录信息</label>
					</div>
					<div class="oneline-input">
						<a class="left-input"><input type="button" class="submit-btn btn1" value="登 录" ></a> <span><a href="#">忘记密码？</a></span>
					</div>
    			</form>
    		</div>
    	</div>
    	<!--用户注册-->
    	<div class="inner-right">
			<div class="pro-line2">
				<span>/ 新用户注册</span>
			</div>
			<div class="login-cont">
				<p>
					在Lily注册可享受众多优惠<br>您无需填写任何表格就可以下订单<br>您可以随时查询您的订单状态及历史记录<br>我们将及时向您发送我们的优惠及促销活动
				</p>

				<form>
					<p class="small mobile-tips"></p>
					<div class="oneline-input">
						<div class="left-title">手 机</div>
						<div class="right-input">
							<input type="text" id="mobile" class="input-one" placeholder="  请输入手机号">
						</div>
						
					</div>
					<p class="small captcha-tips"></p>
					<div class="oneline-input">
						<div class="left-title">密码</div>
						<div class="right-input">
							<input type="text" id="captcha" class="input-one" placeholder="  请设置密码"> 
						</div>
					</div>
					<p class="small code-tips"></p>
					<div class="oneline-input">
						<div class="left-title">确认密码</div>
						<div class="right-input">
							<input type="text" id="code" class="input-one" placeholder="  确认密码"> 
						</div>
					</div>
					<p class="result-tips2"></p>
					<div class="oneline-input">
						<a class="left-input"><input type="button" class="submit-btn btn2" value="提 交" ></a>
						<div class="clear"></div>
					</div>
				<!--注册的js文件-->
				<script src="../js/login/login.js" type="text/javascript" charset="utf-8"></script>
				</form>
			</div>
		</div>
    	<!--清除浮动-->
    	<div class="clear"></div>
    	<!--线下会员首次登录-->
    	<div class="pro-line2">
			<span>/ 线下会员首次登录</span>
		</div>
		<div class="inner-left">
			<div class="login-cont">
				<form>
					<p>如果您已经是Lily会员可以用手机号登录</p>
					<p>点击获取首次登录密码。</p>
					<div class="oneline-input">
						<a class="left-input" href="#"><input type="button" class="submit-btn" value="首 次 登 录"></a>
					</div>
				</form>
			</div>
		</div>
    </div>


<div class="login-blank"></div>
<div class="login-blank"></div>
	<!--尾部-->
	<div class="clear">
		
	</div>
	<hr class="idx-hr">
	
	<div id="footerWrapper">
<div id="footer">
	<div class="inner">
    	<div class="big">
            <img alt="" src="../img/index/logo.jpg">
            <p>年轻OL的商务着装，可能太严肃，可能太时髦，</p>
            <p>或者像Lily这样，正合适。</p>
        </div>
        <div class="left">
        	<p class="title">首页</p>
            <a href="#">· 视觉大片</a>
            <a href="#">· 关于我们</a>
        </div>
        <div class="left">
        	<p class="title">订单及售后</p>
			<a href="#">· 追踪我的订单</a>
			<a href="#">· 退货与换货</a>
        </div>
        <div class="left">
        	<p class="title"><a href="#">关于Lily</a></p>
            <a href="#">· 联系我们</a>
            <a href="#">· 常见问题</a>
            <a href="#">· 招商加盟</a>
            <a href="#">· 法律申明</a>
        </div>
        <div class="right">
        	<p class="title">订阅通讯</p>
            <p>立即注册，了解Lily最新活动咨询</p>
      		<p><input type="text" id="myemail" name="myemail" placeholder="填写您的邮箱地址"></p> 
            
            <p><a class="btn" href="#">注 册</a>
        </p></div>
        <div class="clear"></div>
        <hr class="idx-hr">
        <p class="copyright">Copyright©2015-2016，lily版权所有 <a href="http://www.miitbeian.gov.cn">沪ICP备05036513号-1</a></p>
    </div>
</div>
</div>
</body>
</html>